/*origin样式表*/



/*中间板 边缘线*/

/*#topbarmid,*/
/*#headermid,*/
/*#maincontent,*/
/*#footermid,*/
/*.menumid */
/*{border-left:dashed 1px #f90;border-right:dashed 1px #f90;}*/



.btn_back{ background: url(../images/btn_back.png) no-repeat center; width: 29px; height: 29px; display: block;  cursor: pointer;}
.btn_menu{ background: url(../images/btn_menu.png) no-repeat; width: 29px; height: 29px; display: block; cursor: pointer;position:relative;top:23px;left:33px;}
.btn_home{ background: url(../images/search.png) no-repeat; width: 31px; height: 29px; display: block; cursor: pointer;}

/*=============================MENU部分========================================*/
.menu{
    position: fixed;
    left: 0;
    top: 0px;
    height: 100%!important;
    z-index: 1000;
    background: #FFF;
    width: 510px;
    overflow: auto;
    /*=======animation setting=======*/
    transition: transform 350ms ease;
    -webkit-transition: -webkit-transform 350ms ease;
    -moz-transition: -moz-transform 350ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(-510px,0,0);
    -webkit-transform: translate3d(-510px,0,0);
    -moz-transform: translate3d(-510px,0,0);
    /*=======animation end=======*/
}

/*=======menu animation control=======*/
.menu[data-status=show] {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}
/*=======menu animation control end=======*/

/*一级目录的框*/
.menu ul {padding:0;margin:0;list-style-type:none;padding-bottom: 100px;}
.menu li{ border-bottom: #dcddde 1px solid;}

/*特别控制第一组的li的大小*/
.menu>ul>li { height: 86px;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.menu>ul>li>a{ height:86px; line-height:86px; font-size:30px; display: block; padding: 0 0 0 100px; color: #808285;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.menu>ul>li>a:hover{ text-decoration: none;}

.menu li.menu_home{ background: url("../images/bg_menu_1.png") no-repeat 40px center;}
.menu li.menu_introduce{ background: url("../images/bg_menu_2.png") no-repeat 40px center;}
.menu li.menu_product{ background: url("../images/bg_menu_3.png") no-repeat 40px center;}
.menu li.menu_news{ background: url("../images/bg_menu_4.png") no-repeat 40px center;}
.menu li.menu_project{ background: url("../images/bg_menu_5.png") no-repeat 40px center;}
.menu li.menu_download{ background: url("../images/bg_menu_6.png") no-repeat 40px center;}
.menu li.menu_faq{ background: url("../images/bg_menu_7.png") no-repeat 40px center;}
.menu li.menu_contact{ background: url("../images/bg_menu_8.png") no-repeat 40px center;}
.menu li.menu_gbook{ background: url("../images/bg_menu_9.png") no-repeat 40px center;}

/*=============================搜索部分========================================*/
.search_area{ box-shadow: #dadada 0px 5px 25px; overflow: hidden; margin-bottom: 30px;margin-top:84px;}
.home_search{ margin: 105px 0 0; box-shadow: none;}
.search-box{ width: 495px; height: 50px; margin: 10px auto; border: #ccc 1px solid; border-radius: 25px;}
.search-box-function{ float: left; background: url(../images/btn_search.png) no-repeat; width: 48px; height: 38px; border: none;  margin: 6px 10px 6px 20px; cursor: pointer; outline: none;}
.search-box-bg{ float: left; height: 50px; margin: 0;}
.search-box-bg .search-box-content{ border: none; height: 38px; width: 385px; outline: none; font-size: 18px; padding: 5px;}

.search-keyword{ padding: 25px; font-size: 18px;}
.search-keyword em{ color: #F00;}

/*=============================主体部分========================================*/
.container{ width: 640px; margin: 0 auto;}


.maincontent{margin-bottom: 80px;}

/*=============================导航部分========================================*/
.location span{ color:#868686!important;}



/*=============================content栏部分========================================*/
#content { margin:0px ; line-height:20px; overflow: hidden;}
.content-wide {}
#content h1 {padding:0px;margin:0 auto;line-height:24px; }
#content ul { padding:0px;margin: 0 0 20px; list-style-position: inside;}
#content a{ color: #f00;}


/*=============================footer栏部分========================================*/
.footer{ text-align: center; background: #f2f2f2; overflow: hidden;margin-bottom: 0px;}
.footer_logo{ margin: 25px 0 20px;}
.footer p{ color: #808285; margin: 0 0 25px;}


/*========顶部横幅============*/
.banner              {height:300px; position:relative; text-indent:-999999px; width: 640px; overflow: hidden; }
.detail_body .banner {background:none; }
.bannerlong          {width:100%; height:100%; overflow:hidden; position:relative; background:#000; }
.bannerlong ul       {height:100%; position:absolute; left:0; top:0;padding:0; margin:0; width: 100%}
.bannerlong ul li    {height:100%; float:left;width: 100% }
.bannerlong ul li a  {height:100%; display:block}



.dot                 {width:1000px; margin:0 auto; height:15px; position:relative; }
.onlydot             {display:none; }
.dot ul              {margin:-45px auto 0; list-style: none;}
.dot ul li           {background:#FFF; height:10px; width:10px; float:left; margin-right:15px; border-radius:50%; cursor:pointer; }



/*========中部横幅============*/
.banner_mid       {margin:25px 0 0 0;height:345px;position:relative; text-indent:-999999px;  }

/*banner area end*/



/*======框架部分======*/
.box{margin:0px}
.box-content{margin:0px}
.box-function{margin: 0px auto 0px auto;
    width: 470px; overflow: hidden}
.box-data{margin:0px}
.box-logo{margin:0px}

.boxes{margin:0px;}

.boxing{height:auto;}
.boxing-content{margin:0px;}
.boxing-data{margin:0px;}
.boxing-logo{margin:0px;}


/*分类页面用层级*/
.boxing2 {height:auto;overflow:hidden;}
.boxing2-logo{margin:0px;}
.boxing2-content{margin:0px;}

.boxing3{overflow:hidden;}
.boxing3-logo{margin:0px;}
.boxing3-content{margin:0px;}




/*=====================================板块样式=======================================*/




/*产品展示 列表页面*/
.product-list-box{ margin: 0; padding: 0}
.product-list-box h2{ font-size: 36px; border-bottom: solid 1px #cccccc; padding: 25px; font-weight: 700}
.product-list-box li{ padding: 15px 25px; background: none; overflow: hidden; border-bottom: solid 1px #cccccc}



.product-list-box .price{ margin:25px 0 15px 0; font-size: 24px; color: #cccccc}
.product-list-box h6{ margin: 0; display: block; line-height: 30px; font-size:28px;}
.product-list-box .content{color:#4a4a4a;margin-top:10px;font-size: 22px; margin-bottom: 0; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;width: 390px;
    height: 60px;
    line-height: 31px;}


.left_area{ float: left;width: 180px; height: 180px;}
.right_area{ float: left; }
.product-list-box li a:first-child{

	display:table-cell;
	vertical-align:middle;
}
.product-list-box li a{ color:#4a4a4a; font-size: 30px;}
.product-list-box li a img{
    width: 150px;
    height: 150px;
}
.product-list-box li .right_area a{ margin: 0; display: block; line-height: 30px;}
.product-list-box li .right_area p{ color:#4a4a4a;margin-top:10px;font-size: 22px; margin-bottom: 0; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.product-term-box li .right_area{ width: 333px;}
.product-term-box li{ background: #f2f2f2; padding: 0; margin: 40px 25px 0; border: #e4e6e6 1px solid;}
.product-term-box li .right_area a{ color: #58595b; border-bottom: #ebecec 1px solid; margin: 0; padding: 20px 0 20px 33px;}
.product-term-box li .right_area p{ color: #6f6f6f; -webkit-line-clamp: 7; padding-left: 33px;}







.product-box .image img{width: 100%!important}










/*产品展示 详细页面*/
.product-detail-tab{ overflow: hidden;}
.product-detail-tab > div{float: left; width: 50%; height: 50px; text-align: center; line-height: 50px; font-size: 22px; background: #d4d4d4; border: #d7d9da solid; border-width: 1px 0; color: #494949; cursor: pointer;font-weight: 700;}
.product-detail-tab div.selected{ background: #ffffff; color: #494949;font-weight: 700;}

.product-detail-img-box{ display: none;color:#4a4a4a;}
.product-detail-img-box p{
    font-size: 23px;
    line-height: 30px;
    padding: 25px 15px;
    margin: 0;
}
.product-detail-img-box form{
    padding: 0 15px;
}
.product-detail-img-box label{
    width: 80px;
    display: inline-block;
}
.product-detail-img-box input{
    height: 40px;
    width: 525px;
    margin: 0;
    padding: 0;
    border-style: ridge;
    font-size: 23px;
    text-indent: 10px;
    float: right;
}
.product-detail-img-box textarea{
    height: 160px;
    width: 522px;
    vertical-align: top;
    border-style: ridge;
    font-size: 23px;
    line-height: 27px;
    text-indent: 10px;
}

.product-detail-img-box ul{
    padding: 0;
    margin:0;
}
.product-detail-img-box li{
    padding: 15px 0px;
    font-size: 23px;
    list-style: none;
    height: 45px;
    line-height: 45px;
}
.product-detail-img-box li:last-child{
    height: 54px;
    padding: 15px 0 40px;
}
.product-detail-img-box .check_code{
    margin: 8px auto;
    text-align: center;
}
.product-detail-img-box .check_code label{
    width: 100px;
}
.product-detail-img-box .check_code input{
    width: 200px;
    height: 100px;
    vertical-align: middle;
    font-size: 40px;
}
.product-detail-img-box .check_code img{
    height: 100px;
    vertical-align: middle;
}
.product-detail-img-box .button{
    width: 115px;
    float: right;
    color:#4a4a4a;
    border: none;
    margin-left: 40px;
    border-radius: 5px;
}


.product-detail-img-box.selected{ display: block;background-color: #ffffff;}
.product-detail-text{ padding: 40px 15px; color: #6f6f6f;line-height: 28px;}
.product-detail-text h1{ font-size: 29px;font-weight: bold;margin-top: 10px;}
.product-detail-text h2{ color: #4c87c1; font-size: 29px;}
 

.product-detail-other ul{ margin: 0; padding: 0; list-style: none;}
.product-detail-other ul li{ border-top: #d7d9da 1px solid; text-align: center;}
.product-detail-other ul li img{ border: none; margin: 0 auto; padding: 25px;}

.product-detail-prm-box{ display: none; font-size: 22px;}
.product-detail-prm-box img{max-width: 610px;}
.product-detail-prm-box table{max-width: 610px;}
.product-detail-prm-box.selected{ display: block;background-color: #ffffff;}
.product-detail-prm-box span{ color: #4c87c1;}
.product-detail-prm-box p{ color: #6f6f6f;}

/*公司简介 详细页面*/
.content-introduce{ text-align: center; padding-bottom: 0px; color: #808285;}
.content-introduce h1{ margin: 23px 0; font-family: "microsoft yahei";}
.introduce-detail-box-text{ font-size: 20px; line-height: 30px; text-align: left; padding: 0 60px; color: #6f6f6f;}
.introduce-detail-box-text img{ max-width: 100%;}

/*工程项目 列表页面*/
.project-list-box{padding-top: 35px;background-color: #ffffff;margin-top: -29px;}
.project-list-box li{ padding: 45px 25px;}
.project-list-box li .right_area{ width: 280px;}
.project-list-box li .right_area a{ margin: 0;}
.project-list-box .cg_inspriation_1{
    height: 453px;
    width: 615px;
    margin-bottom: 34px;
}
.project-list-box .cg_inspriation_1>a>img{
    height: 220px;
    width: 615px;
}
.project-list-box .cg_inspriation_1 h1{
    margin: 19px 0px 16px;
}
.project-list-box .cg_inspriation_1 p{
    font-weight: 400;
}
.project_body{
    background-color: #ebf0f3;
}
.project_body .container{
    background-color: #ebf0f3;
    margin-bottom: 130px;
}
.project_body .container .introduce-detail-box-text{
    padding: 0 12px 10px;
}
.project_body .container .introduce-detail-box-text h1{
    margin: 20px 2px;
    font-size: 31px;
    font-weight: 700;
    letter-spacing: 2px;
}
.project_body .container .cg_time_eye{
    text-align: left;
    height: 35px;
    margin: 20px 0 30px -14px;
}
.project_body .container .cg_time_eye>div{
    float: right;
}
.project_body .container .cg_time_eye_detail>div{
    float: left;
}


/*联系我们 详细页面*/
.contanct-detail-box .detail-boxing{ list-style: none; margin: 0; padding: 0;}
.contanct-detail-box .detail-boxing li{ background-size:58px;height: 70px; color: #6e6d73; padding-left: 70px; font-size: 30px; display: inline-table;}
.contanct-detail-box .detail-boxing li p{ margin: 0; display: table-cell; vertical-align: middle;font-size: 24px;font-weight: 400;min-width: 530px;line-height: 30px;}
.contanct-detail-box .detail-boxing li label{display: inline-block;width: 120px;text-align: right;line-height:70px;font-weight: 700;font-size: 24px;}
.contanct_phone{ background: url(../images/contact_phone.png) no-repeat 0px 7px; }
.contanct_telephone{ background: url(../images/contanct_telephone.png) no-repeat 0px 7px; }
.contanct_fax{ background: url(../images/contact_fax.png) no-repeat 0 7px;}
.contanct_email{ background: url(../images/contact_email.png) no-repeat 0px 7px;}
.contanct_address{ background: url(../images/contact_address.png) no-repeat 0px 7px;}
.contanct_humen{ background: url(../images/contact_humen.png) no-repeat 0px 7px;}
.contanct_qq{ background: url(../images/contanct_qq.png) no-repeat 0px 7px;}
.contanct_servertime{ background: url(../images/contanct_servertime.png) no-repeat 0px 7px;}
.contanct_weibo{ background: url(../images/contanct_weibo.png) no-repeat 0px 7px;}
.contanct_weixin{ background: url(../images/contanct_weixin.png) no-repeat 0px 7px;}
.contanct_zipcode{ background: url(../images/contanct_zipcode.png) no-repeat 0px 7px;}




/*留言 详细页面*/
.gbook-add-content{margin-top: 50px;}
.gbook-add-content ul{list-style: none;margin: 50px 0 0 0;padding: 0;}
.gbook-add-content ul li{font-size: 25px;margin-bottom: 40px;overflow: hidden;border: solid 1px #cccccc;height: 182px;}
.gbook-add-content ul li.check_code {    margin: 20px 0px;}
.gbook-add-content ul li.check_code label{  width: 130px; height: 55px;line-height: 55px; }
.gbook-add-content ul li.check_code input{height: 55px!important;}
.gbook-add-content ul li label{ float: left; width: 130px; height: 57px; line-height: 43px; display: block;text-align: right}
.gbook-add-content ul li input[type="text"],
.gbook-add-content ul li input[type="password"]{ width: 450px; height: 55px; border: #bbbbbb 1px solid; background: #f8f8f8; float: right; padding: 0 10px; font-size: 22px;}



.gbook-add-content ul li select{ width: 473px; height: 55px; border: #bbbbbb 1px solid; background: #f8f8f8; float: right; padding: 0 10px; font-size: 22px;}









.gbook-add-content ul li textarea{ width: 450px; height: 230px; border: #bbbbbb 1px solid; background: #f8f8f8; float: right; padding: 10px;font-size: 22px}
.gbook-add-content ul li input.input_imgcode{ float: left; border: #bbbbbb 1px solid; background: #f8f8f8; width: 105px; height: 55px; margin-left: 6px; padding: 0 10px; font-size: 22px;}
.gbook-add-content ul li img.img_imgcode{ float: left; border: #e7e7e7 1px solid; margin-left: 0px; height: 55px; vertical-align: middle;}


.btn_sure { background: #009688; border-radius: 5px; padding: 15px 25px 15px 25px; border: none; color: #FFF; font-size: 25px; margin-right:10px; width:100%; margin-top: 35px;}


#detail_form{  margin:35px 0;  }



.gbook-add-box{margin:0 15px; }
.gbook-add-box .content{font-size: 24px}

.gbook-add-box h2{ font-size: 36px; border-bottom: solid 1px #cccccc; padding: 25px 0px ; font-weight: 700}



.footer_fuu{
    position: fixed;
    width: 100%;
    z-index: 100;
    height:100px;
    bottom:0;
    border-top: solid 1px #232323;
    background-color: #ffffff;
}

.footer_menu{
    width: 640px;
    height:100px;
    margin:0 auto;
}
.footer_menu .menu_buttom{
    float:left;
    margin:5px 52px;
    width:216px;
}
.footer_menu .menu_buttom a:hover{
	color:#00a9ec!important;
}
.footer_menu .menu_buttom a span{
    color:#000000;
    font-weight: 400;
}
.footer_menu .menu_buttom a div{

    height: 35px;
    margin:10px 10px 5px;
}




.footer_menu .menu_buttom .images_button1{
    background: url("../images/buy.png")no-repeat center center;
}

.footer_menu .menu_buttom .images_button3{
    background: url("../images/sales.png")no-repeat  center center;
}





.menu_buttom span{
    font-size: 25px;
}
.product_body .product_term .term_list_box .term_list_area li a{
    color: #4a4a4a;
}
.content-product-detail .product-detail-introdece{
    padding: 15px;
    background-color: #ffffff;
    margin-bottom: 30px;
}
.content-product-detail .product-detail-introdece h1{
    font-size: 33px;
    font-weight: 700;
    color:#4a4a4a;
    margin-bottom: 15px;
}
.content-product-detail{
    background-color: #ebf0f3;
}
.content-product-detail .product-detail-introdece .product-detail-other{
    text-align: center;
    font-size: 25px;
    color: #8e8e8e;
    height: auto;
    line-height: 75px;
    margin-bottom: -20px;
}
.content-product-detail .product-detail-introdece .product-detail-other>div{
    display: inline-block;
    margin-top:25px;
}
.content-product-detail .product-detail-introdece .product-detail-other .clickrate{
    float: left;
}
.content-product-detail .product-detail-introdece .product-detail-other .clickrate .icon{
    background: url("../images/clickrate.png")no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 30px;
    background-position: 2px 0px;
    vertical-align: middle;
}
.content-product-detail .product-detail-introdece .product-detail-other .favorite{
    float: right;
    background: url(../images/favorite.png)no-repeat;
    width: 95px;
    height: 60px;
    display: inline-block;
    background-size: 30px;
    background-position: 2px 22px;
    vertical-align: middle;
    text-indent: 34px;
}
.content-product-detail .product-detail-introdece .product-detail-other .favorite2{
    float: right;
    background: url(../images/favorite2.png)no-repeat;
    width: 95px;
    height: 60px;
    display: inline-block;
    background-size: 30px;
    background-position: 2px 22px;
    vertical-align: middle;
    text-indent: 34px;
}
.content-product-detail .product-detail-introdece .product-detail-other .likes{
    background: url(../images/likes.png)no-repeat;
    width: 128px;
    height: 72px;
    display: inline-block;
    background-size: 30px;
    background-position: 0px 22px;
    vertical-align: middle;
    text-indent: -10px;
}
.content-product-detail .product-detail-introdece .product-detail-other .likes2{
    background: url(../images/likes2.png)no-repeat;
    width: 128px;
    height: 72px;
    display: inline-block;
    background-size: 30px;
    background-position: 0px 22px;
    vertical-align: middle;
    text-indent: -10px;
}
.home_body{
    margin-bottom: 75px;
}
.registration_body .gbook-add-content label{
    width: 125px;
}
.registration_body .gbook-add-content input{
    width: 465px!important;
}
.registration_body .gbook-add-content .input_imgcode{
    width: 200px!important;
    margin-left: 5px;
}
.registration_body .gbook-add-content .detail-boxing-function input{
    width: 150px!important;
}